<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
</head>
<body>


<!--头部-->
<span id="header"></span>

<div class="auth-main clearfix">
    <!--侧边导航-->
    <span id="nav"></span>

    <!--内容区域-->
    <div class="main main-width-mid">


        <div class="x-ibox-title m-b-sm x-nav">
            <i class="iconfont icon-shouye icon-place-col"></i><a href="../index.html" class="m-l-sm m-r-xs">首页</a><i
                class="iconfont icon-fanhui"></i> <a href="./我的产品库.html">产品</a><i
                class="iconfont icon-fanhui m-r-sm m-l-sm"></i><span>我的产品</span>
        </div>

        <div class="ibox-search" style="position: relative;">
            <div class="form-inline search-input">
                <div class="input-group">
                    <span class="input-group-addon x-p-l-c">产品类型:</span>
                    <input type="text" class="form-control" placeholder="请输入产品类型" value="">
                </div>
                <div class="input-group">
                    <span class="input-group-addon">品牌:</span>
                    <input type="text" class="form-control" placeholder="请输入品牌" value="">
                </div>
                <div class="input-group">
                    <span class="input-group-addon">型号:</span>
                    <input type="text" class="form-control" placeholder="请输入型号" value="">
                </div>
                <div class="input-group">
                    <span class="input-group-addon">所在地:</span>
                    <select class="form-control m-r-sm" style="width:80px">
                        <option value="">浙江</option>
                    </select>
                    <select class="form-control" style="width:80px">
                        <option value="">杭州</option>
                    </select>
                </div>
            </div>
            <div class="form-inline text-right" style="position: absolute;right:20px;">
                <button type="button" class="btn x-btn2-sm pull-right">
                    搜索
                </button>
            </div>
        </div>

        <div class="ibox">
            <div class="ibox-title m-t-c clearfix " style="padding:0;">
                <div class="checkbox m-checkbox" style="display: inline-block">
                    <label><i class="iconfont icon-duoxuanhuise"></i><input id="checkAll" type="checkbox"> 全选
                    </label>
                </div>

                <a
                        class="pull-right delete-goods delTip"
                        href="javascript:;"
                        style="position: relative; top: 10px; color:#555;margin-right:20px;"
                >
                    <i class="iconfont  icon-shanchu" style=" margin-right:10px"></i>批量删除
                </a>

                <a
                        class="pull-right"
                        href="./新增产品.html"
                        style="position: relative; top:10px; color: #555; margin-right:20px;"
                ><i class="iconfont icon-tianjia m-r-sm"></i>
                    新增产品
                </a>
            </div>
            <div class="ibox-content clearfix">
                <table class="table table-bordered  u-table-center x-table">
                    <thead>
                    <tr>
                        <th style="width:50px;"></th>
                        <th style="width:270px;">产品</th>
                      
                        <th>定价区间</th>
                        <th>售卖中</th>
                        <th>库存</th>
                        <th>货物所在地</th>
                        <th style="width:90px;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="m-checkbox">
                            <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox"></label>
                        </td>
                        <td class="clearfix">
                            <a href="./产品详情.html">
                                <div class="m-img-con">
                                    <img width="80" height="80"
                                         src="../common/imgs/goods2.jpg"/>
                                </div>
                                <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                            </a>
                        </td>
                        <!--<td>微型断路器</td>-->
                        <td style="color: #FF5A5F;">¥ 120-190</td>
                        <td>1600</td>
                        <td>1800</td>
                        <td>上海</td>
                        <td>
                            <a href="./编辑产品.html" type="button" class="btn text-default" style="width: 100%;">编辑</a>
                           
                            <a href="../showlist/发布卖单.html" type="button" class="btn text-default" style="width: 100%;">挂卖单</a>
                            <a type="button" class="btn text-default delTip" style="width: 100%;">删除</a>
                        </td>
                    </tr>


                    <tr>
                        <td class="m-checkbox">
                            <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox"></label>
                        </td>
                        <td class="clearfix">
                            <a href="./产品详情.html">
                                <div class="m-img-con">
                                    <img width="80" height="80"
                                         src="../common/imgs/goods2.jpg"/>
                                </div>
                                <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                            </a>
                        </td>
                       
                        <td style="color: #FF5A5F;">¥ 120-190</td>
                        <td>1600</td>
                        <td>1800</td>
                        <td>上海</td>
                        <td>
                            <a href="./编辑产品.html" type="button" class="btn text-default" style="width: 100%;">编辑</a>
                          
                            <a href="../showlist/发布卖单.html" type="button" class="btn text-default   "
                               style="width: 100%;">挂卖单</a>
                            <a type="button" class="btn text-default  delTip " style="width: 100%;">删除</a>
                        </td>
                    </tr>


                    <tr>
                        <td class="m-checkbox">
                            <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox"></label>
                        </td>
                        <td class="clearfix">
                            <a href="./产品详情.html">
                                <div class="m-img-con">
                                    <img width="70" height="70"
                                         src="../common/imgs/goods2.jpg"/>
                                </div>
                                <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                            </a>
                        </td>
                        
                        <td style="color: #FF5A5F;">¥ 120-190</td>
                        <td>1600</td>
                        <td>1800</td>
                        <td>上海</td>
                        <td>
                            <a href="./编辑产品.html" type="button" class="btn text-default" style="width: 100%;">编辑</a>
                           
                            <a href="../showlist/发布卖单.html" type="button" class="btn text-default   "
                               style="width: 100%;">挂卖单</a>
                            <a type="button" class="btn text-default   delTip" style="width: 100%;">删除</a>
                        </td>
                    </tr>


                    <tr>
                        <td class="m-checkbox">
                            <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox"></label>
                        </td>
                        <td class="clearfix">
                            <a href="./产品详情.html">
                                <div class="m-img-con">
                                    <img width="80" height="80"
                                         src="../common/imgs/goods2.jpg"/>
                                </div>
                                <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                            </a>
                        </td>

                        <td style="color: #FF5A5F;">¥ 120-190</td>
                        <td>1600</td>
                        <td>1800</td>
                        <td>上海</td>
                        <td>
                            <a href="./编辑产品.html" type="button" class="btn text-default" style="width: 100%;">编辑</a>
                  
                            <a href="../showlist/发布卖单.html" type="button" class="btn text-default" style="width: 100%;">挂卖单</a>
                            <a type="button" class="btn text-default  delTip " style="width: 100%;">删除</a>
                        </td>
                    </tr>
                    </tbody>
                </table>

                <!--分页-->
                <div class="page">
                    <ul class="pageMenu clearfix">
                        <li class="firstPage disabled">首页</li>
                        <li class="prevPage disabled"> &lt; 上一页</li>
                        <div class="pageObj ">

                            <li class="pageNum active" style="display: list-item;">1</li>
                            <li class="pageNum" style="display: list-item;">2</li>
                            <li class="pageNum" style="display: list-item;">3</li>
                            <li class="pageNum" style="display: list-item;">4</li>
                        </div>
                        <li class="nextPage"> 下一页 &gt;</li>
                        <li class="lastPage">尾页</li>
                        <li class="last" style="font-size: 14px;">
                            共<span class="totalPage">4</span>页，跳转至 <input type="number" class="keuInput" value="1">
                            <button type="button" class="btnSure">确定</button>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>

<div id="basic"></div>
<!--页尾-->
<span id="footer"></span>
</body>
</html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../common/js/nav.js"></script>
<script type="text/javascript" src="../common/js/pop.js"></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/nav.html', function (data) {
        $('#nav').html(data)
    });

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>
<script>
    // 单选切换
    var $checkbox = $('td input[type=checkbox]')
    $checkbox.on('change', function () {
        var _this = $(this);
        var flag = Boolean($(this).prop('checked'));
        $("#checkAll").prop('checked', $checkbox.length == $("td input[type=checkbox]:checked").length ? true : false).trigger('change');
        if (flag) {
            _this.prev('.iconfont').removeClass('icon-duoxuanhuise').addClass('icon-duoxuan');
        } else {
            _this.prev('.iconfont').removeClass('icon-duoxuan').addClass('icon-duoxuanhuise');
        }
    })

    // 全选
    var $checkAll = $('#checkAll');
    $checkAll
        .on('change', function () {
            var flag = Boolean($(this).prop('checked'));
            if (flag) {
                $(this).prev('.iconfont').removeClass('icon-duoxuanhuise').addClass('icon-duoxuan');
            } else {
                $(this).prev('.iconfont').removeClass('icon-duoxuan').addClass('icon-duoxuanhuise');
            }
        })
        .on('click', function () {
            var _this = $(this);
            $checkbox.prop('checked', _this.prop('checked')).trigger('change')
        })
</script>